import React,{useState} from 'react'
import Taro from '@tarojs/taro';
import { Image, ScrollView, Text, View } from "@tarojs/components";
import { AtModal } from "taro-ui";
import "taro-ui/dist/style/components/modal.scss";

export default function CouponModal(props) {
  const {showActivity,onClose,handleSubmit} = props
  return (
    <AtModal isOpened={showActivity} className='bottom-modal' onClose={()=>{onClose()}}>
      <View className="popup-coupon">
        <View className="coupon-header"><View className="h2">优惠活动</View></View>
        <ScrollView className="coupon-list not-bar">
          <View className="list-item box-flex">
            <View className="item-info">
              <Text className="info-span">参加活动</Text>
              <View className="info-h2">部分场次特惠立减5.1元</View>
            </View>
            <Image className="item-sele" src={require(true?'@/images/status-radio-selected@2x.png':'@/images/status-radio-unselected@2x.png')} mode="widthFix"></Image>
          </View>
        </ScrollView>
        <View className="coupon-button">
          <View className="p">总计优惠 <Text className="strong"><Text style="font-size: 20rpx;">¥</Text> 5.1</Text></View>
          <View className="button" onClick={()=>{handleSubmit()}}>确定</View>
        </View>
      </View>
    </AtModal>
  )
}
